:host ::ng-deep .detail-article{
    .ng-valid{
        $toolbar-color: #d6e1f1;
        $toolbar-border-radius: 6px;
    
        .ql-toolbar{
            border: none;
            .ql-formats{
                button{
                    display: inline-block;
                    background-color: #fff;
                    padding: 4px 6px;
                    width: 30px;
                    height: 24px;
                    border: 1px solid $toolbar-color;
                }
                .ql-bold{
                    border-top-left-radius: $toolbar-border-radius;
                    border-bottom-left-radius: $toolbar-border-radius;
                }
                .ql-italic{
                    border-left:none;
                }
                .ql-underline{
                    border-left:none;
                }
                .ql-strike{
                    border-left:none;
                    border-top-right-radius: $toolbar-border-radius;
                    border-bottom-right-radius: $toolbar-border-radius;
                }
        
                // 标题
                .ql-picker{
                    .ql-picker-label{
                        vertical-align: top;
                        border: 1px solid $toolbar-color;
                        background-color: #fff;
                        color: #96a6bd;
                        border-radius: $toolbar-border-radius;
                        &:before{
                            vertical-align: top;
                        }
                    }
                }
                .ql-color{
                    .ql-picker-label{
                        border-radius:0;
                        padding:2px 4px;
                        width: 30px;
                        height: 24px;
                        border-top-left-radius: $toolbar-border-radius;
                        border-bottom-left-radius: $toolbar-border-radius;
                    }
                }
                .ql-background{
                    .ql-picker-label{
                        border-radius:0;
                        padding:0 4px 2px;
                        width: 30px;
                        height: 24px;
                        border-top-right-radius: $toolbar-border-radius;
                        border-bottom-right-radius: $toolbar-border-radius;
                    }
                }
                .ql-align{
                    .ql-picker-label{
                        padding:0 4px 2px;
                    }
                }
                .ql-link{
                    border-top-left-radius: $toolbar-border-radius;
                    border-bottom-left-radius: $toolbar-border-radius;
                }
                .ql-image{
                    border-left:none;
                }
                .ql-video{
                    border-left:none;
                    border-top-right-radius: $toolbar-border-radius;
                    border-bottom-right-radius: $toolbar-border-radius;
                }
            }
        }
        .ql-container.ql-snow{
            border: 1px solid $toolbar-color;
            border-radius: $toolbar-border-radius;
        }
    }
    .ant-modal-body{
        max-height:none;
        overflow-y:none;
    }

}
.footer_panel{
    position: fixed;
    width: 100%;
    bottom: 0;
}
.loading_circle{
    position: absolute;
    background-color: rgba(0, 0, 0, 0.1);
    /* background-color: white; */
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    .loading_panel{
        background-color: rgba(255,255,255,0.7);
        border-radius: 6px;
        width: 300px;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}